
<!-- PC -->
<div class="header_box">
	<div class="center_box">
		<div class="column_left">
			<div class="logo_box">
				<a href="index.html" class="logo"><img src="./images/a_logo.png" alt=""></a>
			</div>
			<div class="line"></div>
			<div class="zk_icon"><i></i><i></i><i></i></div>
			<div class="line"></div>
			<div class="item_box">
				<div class="item">
					<a href="index.html" class="one">首页</a>
				</div>
				<div class="item">
					<a href="solve.html" class="one">解决方案 </a>
					<div class="SecondNav">
						<div class="tow_box">
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>科研育种</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>种苗繁育</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>智慧种植</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>种植教学</span></a>
						</div>
					</div>
				</div>
				<div class="item">
					<a href="case.html" class="one">客户案例 </a>
					<div class="SecondNav">
						<div class="tow_box">
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>商业农业</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>极端环境</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>城市农业</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>科研教学</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>太空探索</span></a>
						</div>
					</div>
				</div>
				<div class="item">
					<a href="service.html" class="one">服务支持</a>
					<div class="SecondNav">
						<div class="tow_box">
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>赛诺优服务</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>常见问题</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>相关资源</span></a>
						</div>
					</div>
				</div>
				<div class="item">
					<a href="new.html" class="one">赛诺优选</a>
				</div>
				<div class="item">
					<a href="about.html" class="one">关于赛诺优农</a>
					<div class="SecondNav">
						<div class="tow_box">
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>关于我们</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>研发实力</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>新闻资讯</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>人才招聘</span></a>
							<a href="#" class="tow"><img src="./images/icon1.png" alt=""> <span>联系我们</span></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="column_right">
			<div class="language_box">
				<div class="icon"><img src="./images/aic1.png" alt=""></div>
				<div class="language_flag">
					<a class="active" href="#"><img src="./images/a_flag1.png" title="中文" alt="中文"><span>中文</span></a>
					<a href="#"><img src="./images/a_flag2.png" title="English" alt="English"><span>English</span></a>
				</div>
			</div>
			<div class="search_box" id="idx_seaher">
				<div class="icon"><img src="./images/aic2.png" alt=""></div>
			</div>
			<div class="phone_box">
				<div class="icon">+86 <span>服务热线</span></div>
				<div class="icon">188-3820-8889</div>
			</div>
		</div>
	</div>
	<!--搜索 -->
	<div class="search_for remove_box">
		<div class="search_in">
			<div class="input"><input type="text" placeholder="请输入搜索关键词"></div>
			<div class="icon"><i class="iconfont icon-fangdajing"></i></div>
		</div>
		<div class="close_box" onclick="popup_close()"><i class="iconfont icon-quxiao3"></i></div>
	</div>
</div>

<div class="m_header_box" id="mHeader">
	<div class="header_title" id="mHeaderTitle">
		<div class="logo">
			<a href="index.html"> <img src="./images/a_logo.png" alt=""> </a>
		</div>
		<div class="column">
			<div class="menu_btn" id="navBtn"><div class="icon"><i></i></div></div>
		</div>
	</div>
	<div class="header_body" id="navBody">
		<div class="menu_info">
			<div class="menu_nav" id="navMenu">
				<ul>
					<li>
						<div class="one active">
							<a href="index.html">
								<div class="title">首页</div>
								<div class="icon"><i class="iconfont icon-iconfontzhizuobiaozhun023129"></i></div>
							</a>
						</div>
					</li>
					<li>
						<div class="one">
							<a href="product_hk.html">
								<div class="title">产品与服务</div>
								<div class="icon"><i class="iconfont icon-iconfontzhizuobiaozhun023129"></i></div>
							</a>
						</div>
						<ul>
							<li>
								<div class="two">
									<a href="about.html">
										<div class="icon"><i class="iconfont icon-iconfontzhizuobiaozhun023129"></i></div><div class="title">产品1</div>
									</a>
								</div>
                                <ul>
                                    <li><a href="#">产品1.0</a></li>
                                    <li><a href="#">产品1.1</a></li>
                                    <li><a href="#">产品1.2</a></li>
                                    <li><a href="#">产品1.3</a></li>
                                </ul>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="menu_lang">
				<div class="one"><a href="./index.html" class="active">Cn</a></div>
				<div class="one"><a href="index.html">En</a></div>
			</div>
		</div>
	</div>
</div>

<script>


	/* Mobile Version Navigation */
	$(function() {
		var c = "active";
		function mHeaderBox() {
			let divBox = $("#mHeader");
			if (divBox.length) {
				const getDiv = el => divBox.find(el);
				let navBtn = getDiv("#navBtn"),
					navBody = getDiv("#navBody"),
					navMenu = getDiv("#navMenu");
				navBtn.click(function () {
					if (!$(this).hasClass(c)) {
						$(this).addClass(c);
						$("html, body").css({
							"overflow": "hidden"
						});
						navBody.stop().slideDown(500);
					} else {
						navBody.stop().slideUp(300);
						$(this).removeClass(c);
						$("html, body").css({
							"overflow": "visible"
						});
					}
				});

				let navLi = navMenu.children().children();
				navLi.find(".active").siblings().show();
				navLi.children("ul").siblings().addClass("is_active");
				navLi.find("ul").siblings().find("a").attr("href", "javascript:;");
				navLi.find("ul").siblings().click(function () {
					$(this).siblings().stop().slideToggle(300).parent().siblings().children(".active").siblings().stop().slideUp(300);
					$(this).toggleClass(c).parent().siblings().children(".active").removeClass(c);
				});
			}
		}
		mHeaderBox();
		$("#idx_seaher").click(function(){
			$(".search_for").addClass("active");
		})
		$("#idx_language").click(function(){
			$(".language_select").addClass("active");
			$("header").addClass("lu_back");
		})
	})
</script>